<template>
	<view  >
 	 
 					<div>
						<uni-easyinput v-model="sendMessage" placeholder="请输入内容"></uni-easyinput>
					 

					</div>
					
					
  
		 
		<div><button @click="bofang()">发送</button></div>
		
	</view>
</template>

<script setup>
   import { ref } from "vue";
   let name=ref("郭乐大侠");
  
   const sendMessage= ref("");
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = true;
 let musicList=[];
    connectWebSocket();
   function connectWebSocket() {
       ws = uni.connectSocket({
           url: 'ws://localhost:8080/websocket/2', // 替换为你的 WebSocket 服务器 URL
           success: function (res) {
               console.log('WebSocket连接已打开！', res);
           },
           fail: function (err) {
               console.error('WebSocket连接打开失败！', err);
           }
       });
    
       // 监听 WebSocket 连接打开事件
       ws.onOpen(function (res) {
           console.log('WebSocket 已连接', res);
	/* 	     uni.sendSocketMessage({
		         data: "你叫什么名字"
		       }); */
       });
    
       // 监听 WebSocket 消息事件
       ws.onMessage(function (res) {
           console.log('收到服务器内容：', res.data);
		     let response= JSON.parse(res.data);
			   console.log('收到服务器内容：', response);
			   
			    if(response.messageType==1){
					console.log('文本：', response.data);
					
				}
				if(response.messageType==2){
					console.log('音频地址：', response.data);
					musicList.push(response.data);
					
				}
				
  		 
			   

 	 
		 
		 	
 			 
					


		   
         //  handleWebSocketMessage(res.data);
       });
    
       // 监听 WebSocket 错误事件
       ws.onError(function (err) {
           console.error('WebSocket错误：', err);
       });
    
       // 监听 WebSocket 关闭事件
       ws.onClose(function (res) {
           console.log('WebSocket 已关闭！', res);
       });
	   
	   
   }
   innerAudioContext.onEnded (() => {
     console.log('播放结束');
	 if(musicList.length>0){
	 	let audioUrl= musicList.shift()
	 			console.log(audioUrl)
	  innerAudioContext.src = audioUrl;
	 	  innerAudioContext.play();
	 }
	 
   });
   function bofang(){
	    alert("bofang");
		if(musicList.length>0){
			let audioUrl= musicList.shift()
					console.log(audioUrl)
		 innerAudioContext.src = audioUrl;
			  innerAudioContext.play();
		}
	//	startContinuousTask();
		
		// while(true){
		// 	if(musicList.length>0){
		// 		let audioUrl= musicList.shift()
		// 				console.log(audioUrl)
		// 	 innerAudioContext.src = audioUrl;
		// 		  innerAudioContext.play();
		// 	}
		
		// }
 
	   }
	   
	     function startContinuousTask() {
	         // 设置间隔时间（例如：每1秒执行一次）
	         setInterval(() => {
	           // 这里是你需要持续执行的任务
	           console.log('任务正在执行...');
	    	if(musicList.length>0){
	    		let audioUrl= musicList.shift()
	    				console.log(audioUrl)
	    	 innerAudioContext.src = audioUrl;
	    		  innerAudioContext.play();
	    	}
	           // 示例：假设这是一个长时间运行的任务
	           // ... 执行任务的代码
	         }, 1000);
	       }
	      
   
</script>

<style>
	 
</style>
